<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>仓库管理系统</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <!-- Bootstrap -->
        <link rel="stylesheet" media="screen" href="css/bootstrap.min.css" />
        <link rel="stylesheet" media="screen" href="css/bootstrap-theme.min.css" />

        <!-- Bootstrap Admin Theme -->
        <link rel="stylesheet" media="screen" href="css/bootstrap-admin-theme.css" />
        <link rel="stylesheet" media="screen" href="css/bootstrap-admin-theme-change-size.css" />

        <!-- Vendors -->
        <link rel="stylesheet" media="screen" href="vendors/datatables/css/dataTables.bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="vendors/webuploader/webuploader.css"  />
        <!-- (...) -->
        <style type="text/css">
        .bootstrap-admin-panel-content .btn-toolbar {
            margin-bottom: 5px;
        }
        .userdlg {
            overflow: hidden;;
        }
        .userdlg legend {
            padding: 5px;
        }              
        .userdlg-bbar button {
            width: 75px;
            margin: 0 0 10px 5px;
        }   
		table.dataTable tbody  tr.selected  td {
		    background-color: #B0BED9;
		}		
        .infoform {
          width: 500px;
          float:left;
        }
        .images {
          position: absolute;
          right: 20px;
          top: 50px;
          width: 300px;
          height: 300px;      
        }
        #add_images a, #edit_images a {
          text-decoration:  none;
          width: 75px;
          padding: 5px;
        }
         #add_images a.selected, #edit_images a.selected {
          border: solid 1px #00f;
          padding: 4px;
        }        
        #filePicker {
            display: inline-block;
            line-height: 1.428571429;
            vertical-align: middle;
            margin: 0 12px 0 0;
        }
        #filePicker .webuploader-pick {
            padding: 7px 12px;
            display: block;
        }
        #uploader {
          margin: 5px 0;
        }
        #importdiv .list {
            padding: 5px 20px 10px;
        }
        
        .rackid {
            width: 100px;
        }
        .quantity, .layer, .col {
            width: 50px;
        }

        </style>

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
           <script type="text/javascript" src="js/html5shiv.js"></script>
           <script type="text/javascript" src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="bootstrap-admin-with-small-navbar">        
        <th:block th:include="template :: header"/>
        
        <div class="container">
            <!-- left, vertical navbar & content -->
            <div class="row">
                <!-- left, vertical navbar -->
                <div class="col-md-2 bootstrap-admin-col-left" th:include="template :: leftnav (current=in)">
                </div>

                <!-- content -->
                <div class="col-md-10">
                    
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="panel panel-default">                        
                                <div class="panel-heading">
                                    <div class="text-muted bootstrap-admin-box-title">入库列表</div>
                                </div>
                                <div class="bootstrap-admin-panel-content">
	                                <div id="uploader">
	                                    <!--用来存放item-->
	                                    <div id="fileList" class="uploader-list"></div>
	                                    <div class="btns">
                                        <button id="btnAdd" class="btn btn-default" type="button">入库</button>
	                                    <div id="filePicker" >导入</div>
	                                    </div>
	                                </div>   
                                    <table class="table table-striped table-bordered" id="vouchers">
                                        <thead>
                                            <tr>
                                                <th>编号</th>
                                                <th>入库时间</th>
                                                <th>产品编号</th>
                                                <th>产品名称</th>
                                                <th>数量</th>
                                                <th>货架编号</th>
                                                <th>存储位置</th>
                                                <th>生产厂商</th>
                                                <th>联系电话</th>
                                                <th>操作人</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- footer -->
        <div th:include="template :: footer"></div>
        
        <!-- 入库 -->
        <div id="creatediv" class="userdlg"  style="display: none;">
            <div class="infoform">
	            <form class="form-horizontal" >
	              <fieldset>
	                  <legend>入库</legend>
	                  <div class="form-group">
	                      <label class="col-sm-3 control-label" for="add_productid">产品编号</label>
	                      <div class="col-sm-6">
	                          <input class="form-control" id="add_productid" name="productid" type="text"  placeholder="产品编号"/>
	                      </div>
	                  </div>
                      <div class="form-group">
                          <label class="col-sm-3 control-label" for="add_barcode">产品条码</label>
                          <div class="col-sm-6">
                              <input class="form-control" id="add_barcode" name="barcode" type="text"  placeholder="产品条码"/>
                          </div>
                      </div>
	                  <div class="form-group">
	                      <label class="col-sm-3 control-label">产品名称</label>
	                      <div class="col-sm-6">                          
	                          <p id="add_productname" class="form-control-static"></p>              
	                      </div>
	                  </div>
	                  <div class="form-group">
	                      <label class="col-sm-3 control-label">生产厂家</label>
	                      <div class="col-sm-6">
	                          <p id="add_vendor" class="form-control-static"></p>   
	                      </div>
	                  </div>
                      <div class="form-group">
                          <label class="col-sm-3 control-label">产品图片</label>
                          <div class="col-sm-6">
                              <div id="add_images" class="form-control-static"></div>   
                          </div>
                      </div>
	                  <div class="form-group">
	                      <label class="col-sm-3 control-label" for="add_rackid">货架编号</label>
	                      <div class="col-sm-6">
	                          <input class="form-control" id="add_rackid" name="rackid" type="text"  placeholder="货架编号"/>
	                      </div>
	                  </div>
                      <div class="form-group">
                          <label class="col-sm-3 control-label" >所在层</label>
                          <div class="col-sm-8">
                              <input class="form-control" id="add_layer" name="layer" type="text"  value="1" placeholder="存储位置-层"/>       
                          </div>
                      </div>                      
                      <div class="form-group">
                          <label class="col-sm-3 control-label" >所在号</label>
                          <div class="col-sm-8">
                              <input class="form-control" id="add_col" name="col" type="text"  value="1" placeholder="存储位置-号"/>       
                          </div>
                      </div>
	                  <div class="form-group">
	                      <label class="col-sm-3 control-label" for="add_quantity">数量</label>
	                      <div class="col-sm-6">
	                          <input class="form-control" id="add_quantity" name="quantity" type="text" value="1" placeholder="数量"/>
	                      </div>
	                  </div>                     
	                  <div class="form-group">
                          <label class="col-sm-3 control-label">操作人</label>
                          <div class="col-sm-6">
                              <p id="add_username" class="form-control-static" th:text="${user.name}"></p>   
                          </div>
                      </div>
                      <div class="userdlg-bbar">
		                  <button type="button" class="btn btn-primary">确定</button>
		                  <button type="button" class="btn btn-default">取消</button>
	                  </div>
	              </fieldset>
	          </form>
          </div>        
            <div class="images thumbnail" >
            </div>
        </div>
        
        <div id="importdiv" class="userdlg"  style="display: none;">   
        <div class="list">    
	          <table class="table table-striped table-bordered" id="vouchers">
	              <thead>
	                  <tr>
	                      <th>产品编号</th>
                          <th>产品条码</th>
	                      <th>产品名称</th>
	                      <th>数量</th>
	                      <th>货架编号</th>
	                      <th>所在层</th>
                          <th>所在号</th>
	                  </tr>
	              </thead>
	              <tbody>
	              </tbody>
	          </table>
          </div>
          <div class="userdlg-bbar">
              <button type="button" class="btn btn-primary">确定</button>
              <button type="button" class="btn btn-default">取消</button>
          </div>
        </div>
                
<!--         <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> -->
        <script type="text/javascript" src="vendors/jquery-1.11.3.js"></script>
        <script type="text/javascript" src="vendors/jquery-ajax-mvc-patch.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/twitter-bootstrap-hover-dropdown.min.js"></script>
        <script type="text/javascript" src="vendors/datatables/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="vendors/datatables/js/dataTables.bootstrap.min.js"></script>
        <script type="text/javascript" src="vendors/jquery-dateFormat.min.js"></script>
        <script type="text/javascript" src="vendors/layer/layer.js"></script>
        <script type="text/javascript" src="vendors/jquery.validate.js"></script>        
        <script type="text/javascript" src="vendors/webuploader/webuploader.js"></script>
        <script type="text/javascript" src="js/app/tools.js"></script>
        <script type="text/javascript" src="js/app/in.js"></script>
    </body>
</html>
